<template>
	<view class="p20">
		<view class="card-content df jsa f28">
			<view
				v-for="(item, index) in buttonList"
				:key="index"
				class="df fdc ac w25 mb25"
				@tap="goPage(index)"
			>
				<view class="background-icon">
					<view class="icon-cont">
						<image
							style="width: 90rpx; height: 90rpx"
							:src="item.src"
						></image>
					</view>
				</view>

				<view class="item-name">{{ item.name }}</view>
			</view>
		</view>
	</view>
</template>
<script>
export default {
	data() {
		return {
			buttonList: [
				{
					name: '待办',
					src: 'https://fe-static.yilife.cn/svg/office-software/e1648314196951f925d2bbacc3b75bf4.svg',
				},
				{
					name: '日历',
					src: 'https://fe-static.yilife.cn/svg/office-software/cf5775173a6b69d71ff133b555c42993.svg',
				},
				{
					name: '会议',
					src: 'https://fe-static.yilife.cn/svg/office-software/f47ea9c9474720e0698f71f52a0e4375.svg',
				},
				{
					name: '日志',
					src: 'https://fe-static.yilife.cn/svg/office-software/76770c003f29b56a8920f42e49fbf0da.svg',
				},
			],
		}
	},
	methods: {
		goPage(page) {
			if (page == 2) {
				uni.navigateTo({
					url: `/subPackagesLog/pages/workLog/meeting/index`,
				})
			}
		},
	},
}
</script>
